<template>
    <div>
        <h4>开发和打包</h4>
        <ul>
            <li>开发环境的启动和运行【必须提供严格环境支持】
                <ol>
                    <li>npm run serve  =>  启动编译过程(打包过程)</li>
                    <li>整合src文件夹下被引导的多模块文件 => 生成多个总和JS，提供页面使用<br>
                        chunk-vendors.js => 浏览器运行时需要的node三方模块代码的集合js文件【生成环境的JS模块】<br>
                        项目模块综合.js 【app.js index.js 项目名.js ……】 => main.js 引导的所有文件的集合
                    </li>
                    <li>被合并的文件只会临时的缓存在浏览器的内存中，不会生成真实文件</li>
                    <li>启动一个开发服务器，用于开发调试</li>
                    <li>在浏览器中运行的是 编译后的 静态资源</li>
                </ol>
            </li>
            <li>生成环境的打包和部署
                <ol>
                    <li>npm run build => 启动打包过程</li>
                    <li>整合src文件夹下被引导的多模块文件 => 生成多个总和JS，提供页面使用<br>
                        chunk-vendors.js => 浏览器运行时需要的node三方模块代码的集合js文件【生成环境的JS模块】<br>
                        项目模块综合.js 【app.js index.js 项目名.js ……】 => main.js 引导的所有文件的集合
                    </li>
                    <li>被合并的文件安装环境配置产生真实的JS文件，并存储于配置文件夹中</li>
                    <li>在项目目录下产生静态项目的资源目录</li>
                    <li>在浏览器中运行的是 编译后的 静态资源</li>
                    <li>如果项目需要运行，必须将静态资源存放到一个对应的服务器目录中</li>
                </ol>
            </li>
        </ul>
    </div>
</template>